<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Đăng Nhập Hệ Thống | Phần Mềm Quản Lý Điều Hành Xe | CÔNG TY TNHH DỊCH VỤ MINH VIỆT</title>
    
        <!-- Bootstrap framework -->
            <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
            <link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" />
        <!-- theme color-->
            <link rel="stylesheet" href="css/blue.css" />
            <link rel="stylesheet" href="css/common.css" />
        <!-- tooltip -->    
			<link rel="stylesheet" href="lib/qtip2/jquery.qtip.min.css" />
        <!-- main styles -->
            <link rel="stylesheet" href="css/style.css" />
    
        <!-- Favicons and the like (avoid using transparent .png) -->
            <link rel="shortcut icon" href="favicon.ico" />
            <link rel="apple-touch-icon-precomposed" href="icon.png" />
    
        <link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
    
        <!--[if lte IE 8]>
            <script src="js/ie/html5.js"></script>
			<script src="js/ie/respond.min.js"></script>
        <![endif]-->
		
</head>
    <body class="login_page">
		
		<div class="login_box">
			
			<form action="booking.php" method="post" id="login_form">
				<div class="top_b"><h3>Đăng Nhập Hệ Thống</h3></div>    				
				<div class="cnt_b">
					<div class="formRow">
						<div class="input-prepend">
							<span class="add-on"><i class="icon-user"></i></span><input type="text" id="username" name="username" placeholder="Tên đăng nhập"  />
						</div>
					</div>
					<div class="formRow">
						<div class="input-prepend">
							<span class="add-on"><i class="icon-lock"></i></span><input type="password" id="password" name="password" placeholder="Mật khẩu" />
						</div>
					</div>
					<div class="formRow clearfix">
						<label class="checkbox"><input type="checkbox" /> Nhớ đăng nhập lần sau</label>
					</div>
				</div>
				<div class="btm_b clearfix">
					<button class="btn btn-primary pull-right" type="submit">Đăng nhập</button>
				</div>  
			</form>	
		</div>
		
        
        <script src="js/jquery.min.js"></script>
        <script src="js/jquery.actual.min.js"></script>
        <script src="lib/validation/jquery.validate.min.js"></script>
	<script src="bootstrap/js/bootstrap.min.js"></script>
        <script>
            $(document).ready(function(){
                //* validation
                $('#login_form').validate({
                        onkeyup: false,
                        errorClass: 'error',
                        validClass: 'valid',
                        rules: {
                                username: { required: true, minlength: 3 },
                                password: { required: true, minlength: 3 }
                        },
                        messages: {
                                username: {required: "Vui lòng nhập tên đăng nhập",minlength: "Tên đăng nhập quá ngắn"},
                                password: "Vui lòng nhập mật khẩu", minlength: "Mật khẩu quá ngắn"},  
                        highlight: function(element) {
                                $(element).closest('div').addClass("f_error");
                        },
                        unhighlight: function(element) {
                                $(element).closest('div').removeClass("f_error");
                        },
                        errorPlacement: function(error, element) {
                                $(element).closest('div').append(error);
                        }
                });
            });
        </script>
    </body>
</html>
